<template>
  <div>
    <CategorySelect :disabled="isShow !== 1" />
    <spuList v-if="isShow === 1" @isShowAddSpu="isShow = $event" />
    <addSpu v-else-if="isShow === 2" @isShowAddSpu="isShow = $event" />
    <addSku v-else @isShowAddSpu="isShow = $event" />
  </div>
</template>

<script lang="ts">
export default {
  name: "XSpu",
};
</script>

<script lang="ts" setup>
import { ref } from "vue";
import CategorySelect from "@/components/CategorySelect/index.vue";
import spuList from "./components/spuList.vue";
import addSpu from "./components/addSpu.vue";
import addSku from "./components/addSku.vue";
const isShow = ref(1);
</script>

<style scoped></style>
